<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Página Inicial</title>
        <link rel="stylesheet" href="CSS/estiloHome.css" type="text/css" media="all"/>
        <script type="text/javascript" src="JS/jquery.min.js"></script>
        <script type="text/javascript" src="JS/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="JS/menu.js"></script>
    </head>
    <body>
        <div id="divGeral">
            <div id="divCabecalho">
                Aqui é o cabeçalho da página.
            </div>

            <div class="content">
                <ul id="sdt_menu" class="sdt_menu">
                    <li>
                        <a href="#">
                            <img src="Imagens/menu/HOME.jpg" alt=""/>
                            <span class="sdt_active"></span>
                            <span class="sdt_wrap">
                                <span class="sdt_link">Princípio</span>
                                <span class="sdt_descr">Página inicial</span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="Imagens/menu/bd.jpg" alt=""/>
                            <span class="sdt_active"></span>
                            <span class="sdt_wrap">
                                <span class="sdt_link">Cadastro</span>
                                <span class="sdt_descr">Registros primários</span>
                            </span>
                        </a>
                        <div class="sdt_box">
                            <a href="#">Vestimenta</a>
                            <a href="#">Tamanho</a>
                            <a href="#">Cor</a>
                            <a href="#">Produto</a>
                            <a href="#">Vendedor</a>
                            <!--<a href="#">Consultar registros</a>-->
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="Imagens/menu/estoque.jpg" alt=""/>
                            <span class="sdt_active"></span>
                            <span class="sdt_wrap">
                                <span class="sdt_link">Estoque</span>
                                <span class="sdt_descr">Gerenciamentos</span>
                            </span>
                        </a>
                        <div class="sdt_box">
                            <a href="#">Emitir material</a>
                            <a href="#">Lançar mercadoria</a>
                            <a href="#">Consultar inventário</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="Imagens/menu/pedido.jpg" alt=""/>
                            <span class="sdt_active"></span>
                            <span class="sdt_wrap">
                                <span class="sdt_link">Pedidos</span>
                                <span class="sdt_descr">Distribuições</span>
                            </span>
                        </a>
                        <div class="sdt_box">
                            <a href="#">Novo pedido</a>
                            <a href="#">Consultar</a>
                        </div>
                    </li>
                    <li>
                        <a>
                            <img src="Imagens/menu/relatorio.jpg" alt=""/>
                            <span class="sdt_active"></span>
                            <span class="sdt_wrap">
                                <span class="sdt_link">Relatório</span>
                                <span class="sdt_descr">Diagnósticos</span>
                            </span>
                        </a>
                        <div class="sdt_box">
                            <a href="#">Relatorio 1</a>
                            <a href="#">Relatorio 2</a>
                            <a href="#">Relatorio 3</a>
                            <a href="#">Relatorio 4</a>
                            <a href="#">Relatorio 5</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="Imagens/menu/config.jpg" alt=""/>
                            <span class="sdt_active"></span>
                            <span class="sdt_wrap">
                                <span class="sdt_link">Ferramenta</span>
                                <span class="sdt_descr">Utensílios</span>
                            </span>
                        </a>
                        <div class="sdt_box">
                            <a href="#">Alterar senha</a>
                            <a href="#">Usuários</a>
                            <a href="#">Configurações</a>
                            <a href="#">Backup</a>
                            <a href="#">Sair do sistema</a>
                        </div>
                    </li>
                </ul>
            </div>

            <div id="divConteudo">
                Aqui é o conteúdo da página
            </div>

            <div id="divRodape">
                Aqui é o rodapé
            </div>
        </div>
    </body>
</html>